<div class="page-header">
    <h5 class="content-title" style="display: inline"><%= __('time.comparison') %></h5>
    <!--<label class="checkbox" for="followedFlag" style="display: inline-block">
        <input type="checkbox" class="custom-checkbox" id="followedFlag">
        <span class="icons"><span class="icon-unchecked"></span><span class="icon-checked"></span></span>
        我关注的店
    </label>-->
</div>
<div class="queryCondition">
    <form class="query-form">
        <input type="hidden" name="_lidu" value="2" id="lidu_input" />
        <input type="hidden" id="_loginCustomerId" value="<%= session.userData.customerId %>" />
        <input type="hidden" id="_loginAccountId" value="<%= session.userData.userId%>" />
        <input type="hidden" id="_loginVendorId" value="<%= session.userData.vendorId%>" />
        <div class="row">
            <div class="col-md-3">
                <label style="float: left; width:80px;"><%= __('equipment.areaSelection') %>：</label>
                <select id="customer_select"
                        style="width: 150px;"
                        options
                        codeField="id" nameField="name" name="_customerId"></select>
            </div>
            <div class="col-md-3">
                <label><%= __('equipment.storeType') %>：</label>
                <select style="width: 160px;" id="shopType" name="shopType"   options="" ></select>
            </div>
            <div class="col-md-6">
                <label style="float: left; width:80px;"><%= __('equipment.storeSelection') %>：</label>
                <select id="shop_select"  style="width: 60%;" name="customer_id_obj_ae"
                        class="js-example-basic-single"></select>
                <!--<input id="addShop" type="button" value="添加店铺"  class="btn-primary btn_addShop" style="margin-left: 8px;">-->
                <!--<input type="button" value="删除店铺"  class="btn-primary btn_delShop">-->
            </div>
        </div>
        <!--<div class="row">
            <div class="col-md-5" style="margin-top: 10px;">
                <label style="float: left; width:80px;">指标：</label>
                <ul class="list-inline" style="float: left;margin-bottom: auto;">
                    <li>
                        <div class="input-group">
                            <input type="button" value="客流量" data-type="2" class="btn_quota btn_clicked">
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input type="button" value="销售额" data-type="3" class="btn_quota btn_unclicked" disabled>
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input type="button" value="客单量" data-type="4" class="btn_quota btn_unclicked" disabled>
                        </div>
                    </li>
                    <li>
                        <div class="input-group">
                            <input type="button" value="转化率" data-type="5" class="btn_quota btn_unclicked" disabled>
                        </div>
                    </li>
                </ul>
            </div>
        </div>-->
        <div class="row">
            <div class="col-md-10">
                <label style="float: left; width:80px;"><%= __('time.timeQuantumOne') %>：</label>
                <ul class="list-inline" style="float: left;margin-bottom: auto;">
                    <li>
                        <div class="input-group date dolphin_date_picker" style="width: 160px;">
                            <input type="text" class="form-control" name="_startDate1" id="startDate1">
                            <span class="input-group-addon">
                                  <i class="glyphicon glyphicon-th"></i>
                            </span>
                        </div>
                    </li>
                    <li>
                        <div class="input-group date dolphin_date_picker" style="width: 160px;">
                            <input type="text" class="form-control" name="_endDate1"  id="endDate1">
                            <span class="input-group-addon">
                                  <i class="glyphicon glyphicon-th"></i>
                            </span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10">
                <label style="float: left; width:80px;"><%= __('time.timeQuantumTwo') %>：</label>
                <ul class="list-inline" style="float: left;margin-bottom: auto;">
                    <li>
                        <div class="input-group date dolphin_date_picker" style="width: 160px;">
                            <input type="text" class="form-control" name="_startDate2"  id="startDate2">
                            <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th"></i>
                                    </span>
                        </div>
                    </li>
                    <li>
                        <div class="input-group date dolphin_date_picker" style="width: 160px;">
                            <input type="text" class="form-control" name="_endDate2"  id="endDate2">
                            <span class="input-group-addon">
                                        <i class="glyphicon glyphicon-th"></i>
                            </span>
                        </div>
                    </li>
                </ul>
                <button type="button" class="btn btn-sm btn-inverse btn-query"><%= __('activity.analysis') %></button>
                <button type="button" class="btn btn-sm btn-default btn-export"><%= __('store.exporting') %></button>
            </div>
        </div>
    </form>
</div>


<div class="dolphin-col-24 main" id="myContent">
    <div class="panel panel-primary box">
        <div class="panel-heading box-title">
            <h3 class="panel-title">
                <i class="fa fa-table fa-lg" aria-hidden="true"></i>
                <%= __('time.timeComparisonChart') %>
            </h3>
        </div>
        <div id="showDataDiv" class="box-content">
        </div>
    </div>
</div>


<div class="dolphin-col-24 main" id="myContentDetail">
    <div class="panel panel-primary box">
        <div class="panel-heading box-title">
            <h3 class="panel-title">
                <i class="fa fa-table fa-lg" aria-hidden="true"></i>
                <%= __('time.timeComparisonData') %>
            </h3>
        </div>
        <div id="dataList" class="box-content">
        </div>
    </div>
</div>

<script src="<%= global.config.publicPath %>/echarts/3.3.1/echarts.js"></script>
<script src="<%= global.config.publicPath %>/page/scripts/<%= path %>.js"></script>
